/* home --begin-- */
.ibanner{ width:100%; margin:0 auto; overflow:hidden;}
.ibanner,.flexslider,.slides li,.flex-direction-nav li a{ height:600px;}
.flexslider{ position:relative; overflow:hidden; background:url(/index/images/style/bann_loading.gif) no-repeat center center;}
.slides{ position:relative; z-index:1;}
.slides li a{ width:1003px; height:100%; display:block; margin:0 auto;}
.flex-control-nav{ width:1000px; position:absolute; left:50%; bottom:8px; margin-left:-515px; z-index:2; text-align:center;}
.flex-control-nav li{ display:inline-block; width:10px; height:10px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:8px; height:8px; line-height:40px; overflow:hidden; cursor:pointer; border:solid 1px #413532; background:#8e8685;}
.flex-control-nav .flex-active{ background:#cea056;width:10px; height:10px; margin-bottom:-1px;}
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:0;}
.flex-direction-nav li a{ display:block; width:36px; overflow:hidden; cursor:pointer; position:absolute; background-repeat:no-repeat; background-image:url(/index/images/style/banner_point.png); opacity:0.70; filter:alpha(opacity=70);}
.flex-direction-nav li a.flex-prev{ left:50%; margin-left:-680px; background-position:left center;}
.flex-direction-nav li a.flex-next{ right:50%; margin-right:-680px; background-position:-36px center;}
.iTitle{ font-size:3.6rem; line-height:3rem; letter-spacing:7px; text-align:center; position:relative;}
.iTitle b{ font-size:2rem; font-weight:normal; display:block; padding-top:1rem;}
.iTitle:after{ content:""; position:absolute; left:33%; top:36%; width:90px; height:17px; background:url(/index/images/style/iTitBg2.png) no-repeat;}
.iTitle:before{ content:""; position:absolute; right:33%; top:36%; width:90px; height:17px; background:url(/index/images/style/iTitBg3.png) no-repeat;}
.iTitle2{ background:url(/index/images/style/iTitBg.png) no-repeat center center; text-align:center; font-size:3.6rem; line-height:3rem; letter-spacing:7px; padding:3.6rem 0;}
.iTitle2 b{ display:block; font-size:2rem; font-weight:normal; padding-top:1rem;}
.iIntro dl{ text-align:center; margin-top:5rem; background:url(/index/images/style/introBg.jpg) no-repeat center bottom; padding-bottom:4rem;}
.iIntro dt b{ display:block; font-size:16px; padding-top:2.5rem;}
.iIntro dd h3{ font-size:2rem; font-weight:normal; color:#2e2e2e; letter-spacing:2px; padding:2.5rem 0;}
.iIntro ul{ overflow:hidden; margin-top:3rem;}
.iIntro li{ width:19.6%; margin-right:7.2%; float:left; overflow:hidden; text-align:center;}
.iIntro li:last-child{ margin-right:0;}
.iIntro li a{ display:block; font-size:1.8rem; padding:2.5rem 0 1.5rem;}
.iIntro li p{ text-align:left;}
.iWeDoBg{ background:#232c36; overflow:hidden; margin-top:4rem; padding:5rem 0;}
.iWeDoBg div{ color:#fff;}
.iWeDokey{ overflow:hidden; margin-top:5rem;}
.iWeDokey p{ width:16.6%; float:left; position:relative; font-size:1.6rem; text-align:center; line-height:2.5rem; color:#fff;}
.iWeDokey p:after{ content:""; position:absolute; top:10%; right:0; background:#515a63; width:1px; height:80%;}
.iWeDokey p:last-child:after{ display:none;}
.iWeDokey2{ font-size:14px; text-align:center; margin-top:5rem;}
.iWeDoList{ overflow:hidden; margin-top:5rem;}
.iWeDoList li{ width:129px; padding-right:85.2px; float:left; text-align:center; background:url(/index/images/style/iWeDoListBg.jpg) no-repeat 81% 40%;}
.iWeDoList li:last-child{ padding-right:0;}
.iWeDoList li a{ display:block; font-size:16px; padding-top:1.6rem; color:#fff;}
.iProNew{ margin-top:5rem;}
.iProNew dd{ overflow:hidden; margin-top:3rem;}
.iProNew dd ul{ width:105%;}
.iProNew dd li{ width:255px; float:left; overflow:hidden; border-bottom:solid 1px #4c4c4c; margin-right:5rem; padding-bottom:1.6rem; margin-bottom:1.6rem;}
.iProNew dd li .iPic{ width:100%; height:180px; display:block; overflow:hidden;}
.iProNew dd li .iPic img{ width:100%; height:100%;}
.iProNew dd li .iTit{ text-align:center; display:block; color:#2d3845; height:3rem; line-height:1.5rem; overflow:hidden; padding:0.5rem 0.5rem 1rem;}
.iProNew dd li p{ text-align:center; font-size:24px; color:#2d3845;}
.iProNew dd li p span{ font-size:16px; display:inline-block; border:solid 1px #2d3845; padding:0 0.5rem; margin-right:1rem;}
.iProBg{ background:#ebebeb; margin-top:3rem; overflow:hidden; padding:4rem 0;}
.iCategory{ background:#fff; border:solid 1px #2e2e2e; box-sizing:border-box; margin-top:2.5rem;}
.iCategory li{ line-height:3rem; overflow:hidden;}
.iCategory li b{ font-size:14px; background:#f6f6f6; display:block; float:left; width:100px; text-align:center; border-right:solid 1px #2e2e2e; margin-right:55px;}
.iCategory li a{ width:72px; display:block; float:left; line-height:inherit;}
.iProTab{ margin-top:1.6rem; overflow:hidden;}
.iProLt{ width:100%;}
.iProMd{ margin-top:1rem;}
.iProUl{ /*background:url(/index/images/style/iTabBg.jpg) repeat-y 6px top;*/ overflow:hidden; text-align:center;}
.iProUl li{ display:inline-block; height:28px; line-height:28px; background:url(/index/images/style/iTabLink.jpg) no-repeat 4px 9px; color:#121921; font-size:14px; text-indent:22px; margin:0 1rem;}
.iProUl li a{ font-size:inherit; display:block;}
.iProUl li.thistab{ background:url(/index/images/style/iTabHover.jpg) no-repeat left 5px;}
.iProMd ul{ width:105%;}
.iProMd li{ width:285px; border:solid 1px #2e2e2e; background:#fff; overflow:hidden; float:left; margin-bottom:1.45rem; margin-right:1.45rem;}
.iProMd li a, .iProMd li span{ display:block; overflow:hidden;}
.iProMd li .iProCtPic{ width:100%; height:250px; border-bottom:solid 1px #2e2e2e;}
.iProMd li .iProCtPic img{ width:100%; height:100%;}
.iProMd li .iProCtTit{ text-align:center; padding:1rem 1rem 0; height:1.6rem; overflow:hidden; line-height:1.6rem;}
.iProMd li span{ text-align:center; padding-bottom:1rem;}
.iCaseBg, .iNewsBg{ background:#242d37; padding:3rem 0;}
.iCaseBg .iTitle2, .iNewsBg .iTitle2{ color:#fff;}
.iCaseNav{ text-align:center; margin-top:2.5rem;}
.iCaseNav a{ color:#7c7c7c; display:inline-block; font-size:14px; padding:0 1.6rem; margin:0 1rem; font-weight:bold; position:relative;}
.iCaseNav a:after{ content:""; position:absolute; width:12px; height:100%; left:0; top:0; background:url(/index/images/style/iCaseIco1.png) no-repeat center center;}
.iCaseNav a:before{ content:""; position:absolute; width:12px; height:100%; right:0; top:0; background:url(/index/images/style/iCaseIco2.png) no-repeat center center;}
.iCaseNav a:hover{ color:#2e2e2e; position:relative;}
.iCaseTab{ border:solid 1px #2e2e2e; overflow:hidden; margin-top:2.5rem; position:relative; box-sizing:border-box;}
.iCaseTab .iCaseMore{ position:absolute; right:1.6rem; top:12px; font-size:14px;}
.iCaseTab .iCaseList{ height:45px; border-bottom:solid 1px #2e2e2e; overflow:hidden;}
.iCaseTab .iCasePage li{ float:left; margin:0 1rem 0 1.8rem; line-height:43px; font-size:14px;}
.iCaseTab .iCasePage li.thistab{ border-bottom:solid 2px #2e2e2e;}
.iCaseTab .iCasePage li a{ font-size:inherit;}
.iCaseTab .iTabCt{ overflow:hidden;}
.iCaseTab .iTabCt li{ width:270px; float:left; margin-left:1.8rem; margin-top:1.8rem;}
.iCaseTab .iTabCt li .iCasePic{ width:100%; height:180px; display:block; overflow:hidden;}
.iCaseTab .iTabCt li .iCasePic img{ width:100%; height:100%;}
.iCaseTab .iTabCt li .iCaseTit{ font-size:14px; height:4rem; line-height:4rem; border-bottom:solid 1px #2e2e2e; display:block; overflow:hidden;}
.iCaseTab .iTabCt li span{ height:66px; line-height:22px; margin-top:1rem; overflow:hidden; display:block;}
.iCaseTab .iCaseKey{ width:290px; height:360px; float:right; border-left:solid 1px #2e2e2e; overflow:hidden; padding:1.6rem 1.8rem; box-sizing:border-box;}
.iCaseTab .iCaseKey .iCaseTit{ font-size:14px; font-weight:bold;}
.iPartner{ overflow:hidden; margin-top:2.5rem;}
.iPartner dt{ width:64px; height:106px; background:#242d37; float:left; color:#fff; font-size:16px; text-align:center; box-sizing:border-box; padding:1.8rem 10px;}
.iPartner dd{ float:right;}
.iPartner dd a{ width:104px; height:104px; float:left; border:solid 1px #242d37; margin-left:1.6rem; overflow:hidden;}
.iPartner dd a img{ width:100%; height:100%;}
.iEffect{ border:solid 1px #2e2e2e; overflow:hidden; margin-top:2.5rem; position:relative; box-sizing:border-box;}
.iEffect .iEffectMore{ width:98px; height:58px; overflow:hidden; display:block; background:#2e2e2e; position:absolute; left:-119px; bottom:2px;}
.iEffect .iEffectMore span{ position:absolute; left:0; top:0; width:100%; height:58px; line-height:58px; text-align:center; color:#fff; font-size:16px; background:rgba(0,0,0,0.4);}
.iEffect .iEffectPage{ width:198px; float:left; margin-left:1.6rem;}
.iEffect .iEffectPage p{ text-align:center; padding:27px 0 18px;}
.iEffect .iEffectPage p a{ color:#292d32; font-size:16px; font-weight:bold;}
.iEffect .iEffectPage li{ width:98px; height:58px; overflow:hidden; float:left; margin:0 1px 1.6rem 0; background:#2e2e2e; position:relative;}
.iEffect .iEffectPage li img{ width:100%; height:100%;}
.iEffect .iEffectPage li span{ position:absolute; left:0; top:0; width:100%; height:58px; line-height:58px; text-align:center; color:#fff; font-size:16px; background:rgba(0,0,0,0.4);}
.iEffect .iEffectBox{ width:940px; height:420px; float:right; position:relative; margin:1.6rem 1.6rem 1.6rem 0;}
.iEffect .iEffectBox ul{ width:105%;}
.iEffect .iEffectBox li{ width:298px; margin-right:1.6rem; margin-bottom:1.6rem; height:198px; float:left; border:solid 1px #2e2e2e; overflow:hidden;}
.iEffect .iEffectBox li a{ width:100%; height:100%; overflow:hidden; display:block; position:relative;}
.iEffect .iEffectBox li img{ width:100%; height:100%;}
.iEffect .iEffectBox li a span{ position:absolute; left:0; bottom:0; width:100%; height:36px; line-height:36px; display:block; text-align:center; color:#fff; background:rgba(0,0,0,0.4);}
/*
.iEffect .iEffectBox li:nth-child(1), .iEffect dd li:nth-child(4){ height:418px;}
.iEffect .iEffectBox li:nth-child(2), .iEffect dd li:nth-child(3){ height:198px;}
.iEffect .iEffectBox li:nth-child(1){ height:418px; left:0; top:0;}
.iEffect .iEffectBox li:nth-child(2){ height:198px; left:320px; top:0;}
.iEffect .iEffectBox li:nth-child(3){ height:198px; left:320px; bottom:0;}
.iEffect .iEffectBox li:nth-child(4){ height:418px; right:0; top:0;}*/
.iNews{ margin-top:3rem;}
.iNewsBox{ overflow:hidden; margin-top:2.5rem;}
.iNewsDL{ width:583px; float:left; overflow:hidden; border:solid 1px #2e2e2e; margin:0 2.5rem 2.5rem 0;}
.iNewsDL:nth-child(2n){ margin-right:0;}
.iNewsDL dt{ width:180px; height:180px; float:left; background:#2e2e2e; text-align:center;}
.iNewsDL dt img{ width:67px; margin-top:38px;}
.iNewsDL dt span{ display:block; color:#fff; font-size:16px; padding-top:8px;}
.iNewsDL dd{ width:385px; float:left; margin-left:1rem; padding-top:1rem;}
.iNewsDL dd a, .iNewsDL dd span, .iNewsDL dd p{ display:block; overflow:hidden;}
.iNewsDL dd .iNewsFirst{ overflow:hidden; margin-bottom:6px;}
.iNewsDL dd .iNewsFirst .iNewsPic{ width:100px; height:85px; float:left; border:solid 1px #2e2e2e;}
.iNewsDL dd .iNewsFirst .iNewsPic img{ width:100%; height:100%;}
.iNewsDL dd .iNewsFirst p{ width:270px; float:right;}
.iNewsDL dd .iNewsFirst .iNewsTit{ font-size:14px; font-weight:bold; height:24px; margin-top:2px;}
.iNewsDL dd .iNewsFirst span{ line-height:18px; height:54px; margin-top:2px;}
.iNewsDL dd .iNewsList{ height:22px; line-height:22px; overflow:hidden; border-bottom:dotted 1px #eee; background:url(/index/images/style/li_bg2.gif) no-repeat 5px center; text-indent:18px;}
.iNewsDL dd .iNewsList a{ width:75%; height:22px; float:left;}
.iNewsDL dd .iNewsList span{ float:right; color:#a2a2a2; font-size:12px; padding-right:5px;}
.iBoard{ overflow:hidden; margin-top:5rem;}
.iBoard dt{ font-size:2rem; color:#fff; letter-spacing:5px; line-height:3.5rem;}
.iBoard dd{ line-height:3.5rem; text-align:right;}
.iBoard dd .iBoardIpt, .iBoard dd .iBoardBtn{ width:200px; border:solid 1px #fff; background:#232c36; color:#fff; padding:0 1.5rem; margin-left:20px; display:inline-block; line-height:inherit;font-size:1.4rem;}
.iBoard dd .iBoardBtn{ background:#d91b1b; border-color:#ff0000; cursor:pointer; font-weight:700;}
.iBoard dd .errorClass{ border-color:#ff0000 !important;}
.iBoardIpt::-webkit-input-placeholder{ color:#fff;}
.iScrolInfo{ overflow:hidden; padding-bottom:4rem; margin-top:1rem;}
.iScrolInfoBox{ width:49%;}
.iScrolInfoBox dt{ font-size:2rem; line-height:2rem;}
.iScrolInfoBox dd{ margin-top:1rem;}
.iScrolInfoBox dd li{ line-height:3rem;}
.iScrolInfoBox dd .first{ line-height:3rem; background:#2e2e2e; color:#fff; overflow:hidden;}
.iScrolInfoBox dd li.on{ background:#f0f0f0;}
.iScrolInfoBox dd a, .iScrolInfoBox dd span{ height:3rem; display:block; color:inherit; line-height:inherit; overflow:hidden;}
.iScrolInfoBox dd span{ float:left;}
.iScrolInfoBox dd span.iS1{ width:15%; text-align:center;}
.iScrolInfoBox dd span.iS2{ width:15%; text-align:center;}
.iScrolInfoBox dd span.iS3{ width:20%; padding:0 2% 0 2%;}
.iScrolInfoBox dd span.iS4{ width:46%;}

@media screen and (max-width:700px){
.ibanner{ display:none;}
.iTitle{ font-size:3rem;}
.iTitle b{ font-size:1.8rem;}
.iTitle:after{ left:6%;}
.iTitle:before{ right:6%;}
.iTitle2{ font-size:3rem;}
.iTitle2 b{ font-size:1.8rem;}
.iIntro dl{ margin-top:3rem; padding-bottom:3rem;}
.iIntro dt b{ padding-top:1rem;}
.iIntro dd{ padding:0 1rem;}
.iIntro dd h3{ padding:1.5rem 0; font-size:1.6rem;}
.iIntro ul{ padding:0 0.5rem;}
.iIntro li{ width:50%; margin:0; padding:0 0.5rem 2rem; box-sizing:border-box; overflow:hidden; display:inline-block; vertical-align:top; float:none;}
.iIntro li a{ font-size:1.6rem; padding:1.5rem 0 1rem;}
.iIntro li p{ line-height:1.8rem; padding:0 0.5rem;}
.iWeDoBg{ padding:3rem 0 2rem; margin-top:1rem;}
.iWeDokey{ margin-top:2rem; padding:0 0.5rem;}
.iWeDokey p{ width:33.33%; font-size:1.2rem; line-height:1.6rem; padding:1rem 0.5rem; box-sizing:border-box;}
.iWeDokey p:nth-child(3):after{ display:none;}
.iWeDokey2{ margin-top:1rem; padding:0 1rem;}
.iWeDoList{ margin-top:2rem; padding:0 0.5rem;}
.iWeDoList li{ width:50%; padding:0 0.5rem; box-sizing:border-box; margin-bottom:2rem;}
.iProNew{ margin-top:3rem;}
.iProNew dd{ margin-top:1rem;}
.iProNew dd ul{ width:auto; padding:0 0.5rem;}
.iProNew dd li{ width:50%; padding:0 0.5rem 1.5rem; box-sizing:border-box; margin:0; margin-top:1.5rem;}
.iProNew dd li .iPic{ height:auto;}
.iProBg{ padding:3rem 0 2rem;}
.iProBg .iTitle{ letter-spacing:1px; font-size:2.5rem}
.iProBg .iTitle b{ letter-spacing:5px;}
.iProBg .iTitle:after{ left:1%;}
.iProBg .iTitle:before{ right:1%;}
.iCategory{ display:none;}
.iProLt{ width:auto; float:none;}
.iProUl{ background:none; padding:0 1rem;}
.iProUl li{ width:50%; float:left; display:block; margin:0; text-align:left;}
.iProMd ul{ width:auto; padding:0 0.5rem;}
.iProMd li{ width:calc(50% - 1rem - 2px);  margin:0; margin:0 0.5rem 1rem; display:inline-block; float:none; vertical-align:top; box-sizing:border-box; overflow:hidden;}
.iProMd li .iProCtPic{ height:165px;}
.iCaseNav{ overflow:hidden; margin-top:2rem;}
.iCaseNav a{ width:33.33%; float:left; margin:0; padding:0; margin-bottom:0.5rem;}
.iCaseNav a:after, .iCaseNav a:before{ display:none;}
.iCaseTab{ margin-top:1.5rem;}
.iCaseTab .iTabCt ul{ padding:0 0.5rem;}
.iCaseTab .iTabCt li{ width:50%; padding:0 0.5rem; box-sizing:border-box; margin:0; margin-top:1rem;}
.iCaseTab .iTabCt li .iCasePic{ height:10rem;}
.iCaseTab .iTabCt li span{ display:none;}
.iCaseTab .iCaseKey{ width:100%; height:auto; float:none; border:none; padding:1.5rem 1rem;}
.iPartner dt{ width:100%; height:auto; padding:1rem 0;}
.iPartner dd{ float:none; padding:0 0.5rem;}
.iPartner dd a{ width:calc(33.33% - 1rem - 2px); margin:1rem 0.5rem 0;}1
.iEffect .iEffectMore{ display:none;}
.iEffect .iEffectPage{ float:none; margin:0; width:100%;}
.iEffect .iEffectPage p{ padding:1.5rem 0 1rem;}
.iEffect .iEffectPage .iEffectList{ overflow:hidden; padding:0 0.5rem;}
.iEffect .iEffectPage li{ width:calc(33.33% - 1rem); margin:0 0.5rem 1rem;}
.iEffect .iEffectBox{ width:auto; height:auto; float:none; margin:0; padding:0 0.5rem;}
.iEffect .iEffectBox li:nth-child(1), .iEffect .iEffectBox li:nth-child(2), .iEffect .iEffectBox li:nth-child(3), .iEffect .iEffectBox li:nth-child(4){ height:auto; left:auto; top:auto; bottom:auto; right:auto;}
.iEffect .iEffectBox li{ width:calc(48% - 1rem - 2px); height:12rem !important; margin:0 0.5rem 1rem; position:relative; box-sizing:border-box;}
.iNewsBox{ margin-top:2rem;}
.iNewsDL{ width:auto; float:none; margin:0; margin-bottom:2rem;}
.iNewsDL dt{ float:none; width:auto; height:auto; padding:1.5rem 0;}
.iNewsDL dt a{ display:flex; justify-content:center; align-items:center;}
.iNewsDL dt img{ margin:0;}
.iNewsDL dt span{ display:inline-block; padding-top:0; padding-left:1rem;}
.iNewsDL dd{ padding:1rem; margin:0; float:none; width:auto;}
.iNewsDL dd .iNewsFirst p{ width:calc(100% - 102px - 1rem);}
.iNewsDL dd .iNewsList a{ width:71%;}
.iBoard{ padding:2rem 3rem; margin-top:0;}
.iBoard dt{ text-align:center;}
.iBoard dd .iBoardIpt, .iBoard dd .iBoardBtn{ width:100%; box-sizing:border-box; margin:1.5rem 0 0 0;}
.iScrolInfo{ margin-top:0;}
.iScrolInfoBox{ width:auto; margin-top:2rem;} 
.iScrolInfoBox dt{ text-align:center; padding-bottom:0.5rem;}
.iScrolInfoBox dd span.iS1{ padding-left:2%;}
.iScrolInfoBox dd span.iS4{ width:44%;}
}